<extend name="Public/base"/>

<block name="body">
	<div class="main-title">
		<h2>分类管理</h2>
	</div>

	<!-- 表格列表 -->
	<div class="tb-unit posr">
		<div class="tb-unit-bar">
			<a class="btn" href="{:U('add')}">新 增</a>
		</div>
		<div class="category">
			<div class="hd cf">
				<div class="fold">折叠</div>
				<div class="name">名称</div>
			</div>
			{:R('Sick/tree', array($tree))}
		</div>
	</div>
	<!-- /表格列表 -->
</block>

<block name="script">
	<script type="text/javascript">
		(function($){
			  /* 分类展开收起 */
			  $(".category dd").prev().find(".fold i").addClass("icon-unfold")
				   .click(function(){
					     var self = $(this);
					     if(self.hasClass("icon-unfold")){
						       self.closest("dt").next().slideUp("fast", function(){
							         self.removeClass("icon-unfold").addClass("icon-fold");
						       });
					     } else {
						       self.closest("dt").next().slideDown("fast", function(){
							         self.removeClass("icon-fold").addClass("icon-unfold");
						       });
					     }
				   });

			  /* 三级分类删除新增按钮 */
			  $(".category dd dd dd .add-sub-cate").remove();
        $('.category dd dd .add-sub-cate').each(function(i, e){
            $(e).attr('href','{:U('addFangan')}&id='+$(e).data('id'));
        });
        $('.category dd dd dd .edit').each(function(i, e){
            $(e).attr('href','{:U('editFangan')}&id='+$(e).data('id'));
        });
        $('.category dd dd dd .del').each(function(i, e){
            $(e).attr('href','{:U('delFangan')}&id='+$(e).data('id'));
        });

			  /* 实时更新分类信息 */
			  $(".category")
				   .on("submit", "form", function(){
					     var self = $(this);
					     $.post(
						       self.attr("action"),
						       self.serialize(),
						       function(data){
							         /* 提示信息 */
							         var name = data.status ? "success" : "error", msg;
							         msg = self.find(".msg").addClass(name).text(data.info)
									               .css("display", "inline-block");
							         setTimeout(function(){
								           msg.fadeOut(function(){
									             msg.text("").removeClass(name);
								           });
							         }, 1000);
						       },
						       "json"
					     );
					     return false;
				   })
           .on("focus","input",function(){
               $(this).data('param',$(this).closest("form").serialize());

           })
           .on("blur", "input", function(){
               if($(this).data('param')!=$(this).closest("form").serialize()){
                   $(this).closest("form").submit();
               }
           });
		})(jQuery);
	</script>
</block>
